<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../Images/font/iconfont.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
</head>

<body>
    <!-- 头部开始 -->
    <header class="mall-header">
        <div class="header-top">
            <div class="header-topbar">
                <div class="topbar-user">
                    <a href="../html/login.html">登录</a>
                    &nbsp;或 &nbsp;
                    <a href="../html/enroll.html">注册</a>
                    &nbsp;ANTA会员
                </div>
                <div class="topbar-cart">
                    <a href="../html/shopping cart.html" class="iconfont icon-gouwuche">
                    </a>
                </div>
                <div class="topbar-service">
                    <a href="javascript:;" class="iconfont icon-erji"></a>
                </div>
                <div class="topbar-en">EN</div>
            </div>
        </div>
        <!---导航栏 ---->
        <div class="header-nav">
            <div class="center">
                <div class="header-logo">
                    <div class="logo-inner">
                        <img src="../Images/10005.svg" alt="">
                    </div>
                </div>
            </div>
            <ul class="header-list">
                <li> <a href="../html/detail page.html"><b>冬奥国旗款</b></a>
                </li>
                <li><a href="./list.html"><b>男子</b></a>
                    <div class="layle">
                        <div class="list-center">
                            <section>
                                <ul>
                                    <li><b>所有鞋类</b></li>
                                    <li>运动鞋</li>
                                    <li>跑鞋</li>
                                    <li>篮球鞋</li>
                                    <li>休闲鞋</li>
                                    <li>板鞋</li>
                                    <li>户外综训鞋</li>
                                </ul>
                                <ul>
                                    <li><b>所有服装</b></li>
                                    <li>套头卫衣</li>
                                    <li>外套夹克</li>
                                    <li>羽绒服/马甲</li>
                                    <li>短袖T恤</li>
                                    <li>长裤</li>
                                    <li>运动短裤</li>
                                </ul>
                                <ul>
                                    <li><b>所有配件</b></li>
                                    <li>包类</li>
                                    <li>运动袜子</li>
                                </ul>
                                <ul>
                                    <li><b>运动项目</b></li>
                                    <li>跑步</li>
                                    <li>篮球</li>
                                    <li>综训</li>
                                    <li>生活</li>
                                    <li>健身</li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </li>
                <li><a href="./list.html"><b>女子</b></a>
                    <div class="layle">
                        <div class="list-center">
                            <section>
                                <ul>
                                    <li><b>所有鞋类</b></li>
                                    <li>跑鞋</li>
                                    <li>休闲鞋</li>
                                    <li>板鞋</li>
                                    <li>棉鞋</li>
                                </ul>
                                <ul>
                                    <li><b>所有服装</b></li>
                                    <li>羽绒服</li>
                                    <li>套头卫衣</li>
                                    <li>外套、夹克</li>
                                    <li>长裤</li>
                                    <li>短袖T恤</li>
                                    <li>运动短裤</li>
                                </ul>
                                <ul>
                                    <li><b>所有配件</b></li>
                                    <li>包类</li>
                                    <li>运动袜类</li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </li>
                <li><a href="./list.html"><b>儿童安踏</b></a>
                    <div class="layle">
                        <div class="list-center">
                            <section>
                                <ul>
                                    <li>新品上市</li>
                                    <li>男中大童</li>
                                    <li>女中大童</li>
                                    <li>男小童</li>
                                    <li>女小童</li>
                                    <li>婴童</li>
                                </ul>
                                <ul>
                                    <li><b>所有鞋类</b></li>
                                    <li>跑鞋</li>
                                    <li>篮球鞋</li>
                                    <li>休闲鞋</li>
                                    <li>板鞋</li>
                                    <li>足球鞋</li>
                                </ul>
                                <ul>
                                    <li><b>所有服装</b></li>
                                    <li>套头卫衣</li>
                                    <li>羽绒服</li>
                                    <li>短袖T恤</li>
                                    <li>运动短裤</li>
                                    <li>长裤</li>
                                </ul>
                                <ul>
                                    <li><b>所有配件</b></li>
                                    <li>包类</li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </li>
                <li><a href="./list.html"><b>儿童</b></a>
                </li>
                <li><a href="./list.html"><b>品牌文化</b>
                    </a></li>
                <li><a href="./list.html"><b>观赏视频</b>
                    </a></li>
                <li><a href="./list.html"><b>联系我们</b>
                    </a></li>
                <li class="nav-item last">
                    <div class="nav-search-box">
                        <a href="../html/detail page.html" class="nav-search-btns"><img src="../Images/10007.svg"
                                alt=""></a>
                        <input type="text" placeholder="搜索">
                    </div>
                </li>
            </ul>
        </div>
        <!-- 导航栏结束 -->
    </header>
    <!-- 头部结束 -->
    <!-- 中部开始 -->
    <div class="main-container">
        <div class="main-center">
            <div class="banner">
                <a href="../html/detail page.html"> <img src="../Images/10023.jpg" alt=""></a>
                <a href="../html/detail page.html"> <img src="../Images/10024.jpg" alt=""></a>
                <a href="./detail page.html"> <img src="../Images/10025.jpg" alt=""></a>
                <a href="../html/detail page.html"> <img src="../Images/10026.jpg" alt=""></a>
                <a href="../html/detail page.html"> <img src="../Images/10027.jpg" alt=""></a>
            </div>
            <div class="hoverup-box">
                <img src="../Images/10017.jpg" alt="">
                <div class="hoverup-inner">
                    <a href="javascript:;">
                        <img src="../Images/10029.jpg" alt="">
                        <div class="tu"> <img src="../Images/10015.jpg" alt="">
                        </div>
                    </a>
                    <a href="javascript:;"> <img src="../Images/10030.jpg" alt="">
                        <div class="tu"><img src="../Images/10016.png" alt="">
                        </div>
                    </a>
                    <a href="javascript:;"> <img src="../Images/10031.jpg" alt="">
                        <div class="tu">
                            <img src="../Images/10017.png" alt="">
                        </div>
                    </a>
                    <a href="javascript:;"> <img src="../Images/10032.jpg" alt="">
                        <div class="tu"><img src="../Images/10004.png" alt="">
                        </div>
                </div>
            </div>
            <div class="custom-box">
                <div class="box-links">
                    <div class="one">
                        <img src="../Images/10028.jpg" alt="">
                        <h3>竞速挑战系列马赫跑鞋</h3>
                        <p>竞速挑战系列马赫跑鞋</p>
                        <span>立即购选</span>
                    </div>
                    <div class="two">
                        <img src="../Images/10001.gif" alt="">
                        <h3>狂潮4氮科技实战篮球鞋</h3>
                        <p>狂潮4氮科技实战篮球鞋</p>
                        <span>立即购选</span>
                    </div>
                    <div class="three">
                        <img src="../Images/anta_03.gif" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 中部结束 -->
    <!-- 中部2开始 -->
    <div class="swiperGoods">
        <h3>猜你喜欢</h3>
        <p>即刻选购</p>
    </div>
    <div class="swiper-list">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../Images/10019.jpg" alt="">
                    <span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</span>
                </div>
                <div class="swiper-slide"><img src="../Images/10020.jpg" alt="">
                    <span>【冠军系列】冬奥特许商品国旗款女短袖POLO衫</span>
                </div>
                <div class="swiper-slide"><img src="../Images/10021.jpg" alt="">
                    <span>【冠军系列】安踏男子国旗款短袖针织T恤衫</span>
                </div>
                <div class="swiper-slide"><img src="../Images/10022.jpg" alt="">
                    <span>【安踏冠军健身训练系列】安踏国家队同款科技星火男子氮科技缓震跑步训练跑鞋</span>
                </div>
                <div class="swiper-slide"><img src="../Images/10033.jpg" alt="">
                    <span>【谷爱凌同款】【安踏冠军健身训练系列】安踏国家队科技男子跑步训练跑鞋</span>
                </div>
                <div class="swiper-slide"><img src="../Images/10018.jpg" alt="">
                    <span>【王一博同款】【安踏冠军训练系列】国家队科技力量男训练鞋</span>
                </div>
            </div>
            <!--添加滚动条  -->
            <div class="swiper-scrollbar"></div>
            <!-- 添加箭头 -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="min-fit">
        <div class="min-fit-inner">
            <div class="min-fit-title">
                <img src="../Images/10014.svg" alt="">
            </div>
            <p>抢先得知最新产品、独家消息及优惠资讯
            </p>
            <ul>
                <li><img src="../Images/10012.svg" alt=""></li>
                <li><img src="../Images/10013.svg" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 中部2结束  -->
    <!-- 尾部开始 -->
    <div class="footer">
        <div class="footer-main">
            <div class="footer-center">
                <div class="main-logo">
                    <img src="../Images/10002.svg" alt="">
                </div>
                <div class="main-ft">
                    <div class="service-one">
                        <h4>
                            在线客服
                            <span><img src="../Images/10006.svg" alt=""></span>
                        </h4>
                        <h4>
                            在线资讯
                            <span>400-858-2020</span>
                        </h4>
                    </div>
                    <div class="service-two">
                        <img src="../Images/10003.jpg" alt="">
                    </div>
                </div>
                <div class="company">
                    <p>Copyright(C) 2012-2020 by www.ANTA.cn&nbsp;&nbsp;
                        &copy;安踏体育用品有限公司版权所有&nbsp;&nbsp;营业执照&nbsp;&nbsp;开户许可证&nbsp;&nbsp;个人信息保护政策</p>
                    <span>闽ICP备2021011550号-2nbsp;&nbsp;闽公网安备35020302033806号</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边导航 -->
    <div class="web-cover"></div>
    <!-- 尾部结束 -->
</body>

</html>
<script src="../Images/js/jquery.min.js"></script>
<script src="../Images/js/swiper-bundle.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 4,
        slidesPerGroup: 1,
        centeredSlides: true,
        centeredSlidesBounds: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    });

    //回到顶部
    $(".web-cover").on("click", function () {
        $("html,body").animate({  // 让body和html回到顶部
            scrollTop: 0
        }, 800)
    })
</script>